<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      template="/resources/templates/navegacionTemplate.xhtml">
    <f:metadata>
        <f:viewParam name="nseccion" value="#{listHilosController.seccion}" converter="seccionConverter"/>
    </f:metadata>
    <ui:define name="cabecera">
        <title>#{listHilosController.seccion.nombre}</title>
    </ui:define>
    <ui:define name="tabla">
            <p:dataTable value="#{listHilosController.hilos}" var="hilo" paginator="true" rows="20" style="font: 14px sans-serif;text-align: center">
                <f:facet name="header">
                    <h:panelGrid columns="2" columnClasses="alil,alir" width="100%">
                        <h:column>
                            <h:link value="Foroweb-EMR" outcome="welcome"/> => #{listHilosController.seccion.nombre}
                        </h:column>
                        <h:column>
                            <c:if test="${not empty sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal}">
                                <h:button value="Nuevo hilo" outcome="nuevoHilo?nseccion=#{listHilosController.seccion.nombre}" style="font-size: 10px"/>
                            </c:if>
                        </h:column>
                    </h:panelGrid>
                </f:facet>
                <p:column headerText="Asunto" style="text-align: left;font-size: 12px">
                    <b><h:link value="#{hilo.asunto}" outcome="hilo?idhilo=#{hilo.id}"/></b>
                </p:column>
                <p:column headerText="Mensajes" style="width: 100px">
                    <h:outputText value="#{listHilosController.obtenerNumeroMensajes(hilo)}" style="font-size: 12px"/>
                </p:column>
                <p:column headerText="Último mensaje">
                    <h:link outcome="hilo?idhilo=#{hilo.id}" style="font-size: 12px">
                        <h:outputText value="#{hilo.lastMsg}">
                            <f:convertDateTime pattern="dd/MM/yyyy - HH:mm"/>
                        </h:outputText>
                    </h:link>
                </p:column>
                <p:column headerText="Creado por">
                    <h:link value="#{hilo.usuario.nick}" outcome="perfil?nick=#{hilo.usuario.nick}" style="font-size: 12px"/>
                    <br/>
                    <h:outputText value="#{hilo.fecha}" style="font-size: 10px;color: #999999">
                        <f:convertDateTime pattern="dd/MM/yyyy - HH:mm"/>
                    </h:outputText>
                </p:column>
            </p:dataTable>
    </ui:define>
</ui:composition>
